{extend name="public/base"}

{block name="title"}
我的分销
{/block}

{block name="style"}
{css href="/static/wechat/css/distribution.css" /}
<style>
    .invite {
        position: absolute;
        top : 0;
        left : 0;
        right : 0;
        bottom : 0;
        background: rgba(0, 0, 0, .4) url(/static/images/Share.png) top right no-repeat;
    }
</style>
{/block}
{block name="body"}
<div class="pageControl orderDetails">
    <div class="msui_nav msui_navTop" style="border-bottom: 1px solid #cccccc;align-items: center;">
        <a class="msui_navTop-back" href="javascript:history.back();"><i class="micon-back"></i></a>
        <h1 class="msui_navTop-title">我的分销</h1>
        <a style="color: #fc4208;" href="javascript:;" id="invite">邀请</a>
    </div>

    <div class="fendiv">
        <div class="erweima">
            <img src="/uploads/{$member.wx_qr_code}" style="width: 100%; height: 100%;" />
        </div>
        <p class="fs10">我的邀请码:<span>{$member.phone|default=''}</span></p>
        <div class="earnings">
            <div class="lleiji">
                <p class="fs07">累计收益</p>
                <span class="fs06">{$member.distribution_money_all|default=0}</span>
            </div>
            <div>
                <p class="fs07">可兑现收益</p>
                <span class="fs06">{$member.distribution_money|default=0}</span>
            </div>
            <!--<div class="kduih">-->
                <!--<p class="fs07">冻结收益</p>-->
                <!--<span class="fs06">{$member.distribution_money_frozen|default=0}</span>-->
            <!--</div>-->
            <div class="quduix" data-money="{$member.distribution_money|default=0}">
                <a>转入余额</a>
            </div>
        </div>
    </div>
    <!--我的分销-->
    <div class="myfx fs07">
        我的分销
    </div>

    <div class="weui-cells">
        <div class="weui-cell">
            <div class="weui-cell__hd"></div>
            <div class="weui-cell__bd">
                <p class="fs07" style="color: #333333;">一级团队</p>
            </div>
            <div class="weui-cell__ft fs07">{$member.one_num}人</div>
        </div>
        <div class="weui-cell">
            <div class="weui-cell__hd"></div>
            <div class="weui-cell__bd">
                <p class="fs07" style="color: #333333;">二级团队</p>
            </div>
            <div class="weui-cell__ft fs07">{$member.two_num}人</div>
        </div>
    </div>
</div>
<div class="invite" style="display: none;"></div>
{/block}
{block name="javascript"}
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script>
    wx.config({
        //debug: true,
        appId: '{$signPackage.appId}',
        timestamp: {$signPackage.timestamp},
        nonceStr: '{$signPackage.nonceStr}',
        signature: '{$signPackage.signature}',
        jsApiList: [
            // 所有要调用的 API 都要加到这个列表中
            'checkJsApi',
            'onMenuShareTimeline',
            'onMenuShareAppMessage',
            'hideMenuItems'
        ]
    });
    wx.ready(function () {
        // 在这里调用 API
        wx.checkJsApi({
            jsApiList: ['onMenuShareTimeline', 'onMenuShareAppMessage', 'hideMenuItems'], // 需要检测的JS接口列表，所有JS接口列表见附录2,
            success: function(res) {
                //console.log(res);
                // 以键值对的形式返回，可用的api值true，不可用为false
                // 如：{"checkResult":{"chooseImage":true},"errMsg":"checkJsApi:ok"}
            }
        });

        wx.onMenuShareTimeline({
            title: '分享到朋友圈', // 分享标题
            link: '{$erweima_text}', // 分享链接
            imgUrl: '{$image}', // 分享图标
            success: function () {
                alert('成功');
                // 用户确认分享后执行的回调函数
            },
            cancel: function () {
                alert('取消');
                // 用户取消分享后执行的回调函数
            }
        });

        wx.onMenuShareAppMessage({
            title: '分享给朋友', // 分享标题
            desc: '邀请好友注册开摩帮网', // 分享描述
            link: '{$erweima_text}', // 分享链接
            imgUrl: '{$image}', // 分享图标
            type: '', // 分享类型,music、video或link，不填默认为link
            dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
            success: function () {
                alert('成功');
                // 用户确认分享后执行的回调函数
            },
            cancel: function () {
                alert('取消');
                // 用户取消分享后执行的回调函数
            }
        });
        wx.hideMenuItems({
            menuList: ['menuItem:share:qq', 'menuItem:share:weiboApp', 'menuItem:favorite', 'menuItem:share:QZone', "menuItem:copyUrl", 'menuItem:openWithQQBrowser', 'menuItem:share:email', 'menuItem:openWithSafari'] // 要显示的菜单项，所有menu项见附录3
        });
    });
    $(function () {
        $("#invite").click(function () {
            $('.invite').show();
        });
        $('.invite').click(function(){
            $(this).hide();
        });

        $(".quduix").click(function () {
            if (!confirm('确定要将您的分销收入兑现到账户余额中吗?')) {
                return false;
            }
            var _this = $(this);
            var money = _this.data('money');
            if (money == 0) {
                alert('没有可兑现金额！！');
                return false;
            }
            $.ajax({
                type : 'POST',
                url : '{:url("distribution_of_cash_money")}',
                data : {
                    type : '{$type}'
                },
                dataType : 'json',
                success : function (msg) {
                    if (msg.code == 200) {
                        alert('兑现成功！！');
                        window.location.reload();
                    } else {
                        var code = msg.code;
                        alert(error_code[code]);
                    }
                }
            });
        });
    });
</script>
{/block}
